@charset "utf-8";















.vidind .tit{

  text-align: center;

  color: #000;

  font-weight: bold;

  line-height: 55px;

  font-size: 16px;

  margin: 0;

}

.vidind .swiper-slide:hover .tit{

  color: #d30713;

}











.video .swiper-button-next,.video .swiper-button-prev{

  background: #d30713;

  color: white;

  width: 30px;

  height: 65px;

  top: 40%;

}

.video .swiper-button-next:after,.video .swiper-button-prev:after{

  font-size: 25px;

  font-weight: bold;

}

.video .swiper-button-disabled{

  background: #33333d;

  opacity: .55;

}









.cases .box p{

  border: 1px solid #a1a1a1;

  text-align: center;

  color: #000;

  line-height: 55px;

  font-size: 16px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  display: block;

}















.contind{

  background: url(/uploads/carousel/cont_bg.png) no-repeat left top;

  padding-bottom: 50px;

}



.contind .box{

  background: rgba(255,255,255,.6);

  padding: 25px;

  margin-bottom: 20px;

}

.contind .box h6{

  display: block;

    margin-top: 20px;

    font-size: 18px;

    font-weight: bold;

    color: #000;

    transform: translateX(0px);

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    -webkit-transform: translateX(0px);

    transition: .6s;

    -moz-transition: .6s;

    -webkit-transition: .6s;

    -o-transition: .6s;

}

.contind .box:hover h6{

  transform: translateX(5px);

  -moz-transform: translateX(5px);

  -ms-transform: translateX(5px);

  -o-transform: translateX(5px);

  -webkit-transform: translateX(5px);

}





.contind .box .img img{

  transition: .6s;

    transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -webkit-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

}

.contind .box:hover .img img{

  transform: rotateY(360deg);

  -ms-transform: rotateY(360deg);

  -moz-transform: rotateY(360deg);

  -webkit-transform: rotateY(360deg);

  -o-transform: rotateY(360deg);

}







.goodsl .list .tit{

  line-height: 42px;

  position: relative;

  text-align: center;

  background: #373741;

  color: white;

  margin-bottom: 10px;

  cursor: pointer;

}

.goodsl .list .on{

  background: #d30713;

}



.goodsl .list .tit::after{

  content: "";

  position: absolute;

  right: -5px;

  top: 50%;

  margin-top: -5px;

  opacity: 0;

  width: 0px;

  height: 0px;

  border-bottom: 5px solid transparent;

  border-top: 5px solid transparent;

  border-left: 5px solid #d00410;

  font-size: 0px;

  line-height: 0px;

}

.goodsl .list .on::after{

  opacity: 1;

}



.goodsl .prodeta .biaoti{

  text-align: center;

  font-size: 18px;

  line-height: 50px;

  color: #000;

  font-weight: bold;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  display: block;

}

.goodsl .prodeta a:hover .biaoti{

  color: #d30713;

}

.goodsl .useimg{

  position: relative;

}





.proshow .swiper-button-next,.proshow .swiper-button-prev{

  background: #d30713;

  color: white;

  width: 30px;

  height: 65px;

  top: 35%;

}

.proshow .swiper-button-next:after,.proshow .swiper-button-prev:after{

  font-size: 25px;

  font-weight: bold;

}

.proshow .swiper-button-disabled{

  background: #33333d;

  opacity: .55;

}







.proshow{

  padding: 10px 30px;

}

.proshow .swiper-button-next{

  right: 0;

}

.proshow .swiper-button-prev{

  left: 0;

}







.prodeta{

  display: none;

}









.newsi{

  background: url(/uploads/carousel/nw1.jpg) fixed;

}

.newsi .bg-nw{

  background: url(/uploads/carousel/nw1.png) no-repeat left top;

  padding: 45px 0px;

}

.newsi .tit{

  margin-top: 100px;

}

.newsi .tit h1{

  color: #fff;

  text-align: left;

  font-size: 36px;

  font-weight: bold;

}

.newsi .tit p{

  color: #999;

  line-height: 30px;

  margin-top: 25px;

}

.newsi .tit a{

  margin-top: 40px;

  color: #fff;

  display: block;

  font-size: 14px;

}



.newsi .box{

  background: url(/uploads/carousel/nw2.jpg) no-repeat left top;

  padding: 20px 35px;

}





.newsi .nwlist{

  margin-bottom: 30px;

}

.newsi .nwlist img{

  height: 100px;

}

.newsi .nwlist p{

  font-weight: bold;

  margin-top: 20px;

  color: #293544;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  display: block;

}

.newsi .nwlist span{

  color: #646464;

  font-size: 14px;

  margin-top: 10px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  display: block;

}

.newsi .nwlist .chakan{

  display: block;

  font-size: 14px;

  color: #646464;

  margin-top: 10px;

  text-transform: capitalize;

  border-bottom: 1px solid transparent;

  transition: all 700ms ease;

}





@media (max-width: 768px) {

    

    .proshow{

        padding: 0;

    }



  .goodsl .list .tit{

    width: 30%;

    float: left;

    margin-right: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: block;

  }



  .contind{

    padding-bottom: 0px;

  }



  .contind .box{

    padding: 15px;

  }

  .contind .box h6{

    margin-top: 10px;

    font-size: 16px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: block;

  }

  .contind .box p{

    font-size: 13px;

    margin: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

  }







  .newsi .bg-nw{

    padding: 0px;

  }



  .newsi .tit{

    margin-top: 35px;

  }

  .newsi .box{

    padding: 10px;

  }



  .newsi .nwlist p{

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: block;

    margin-top: 10px;

  }







  }